<template>
  <div class="data-browse">
    <db-tab-panel v-for="tab in tabs" :key="tab.id" v-memo="['id']" :tab="tab"/>
  </div>
</template>
<script lang="ts" setup>
import {useDataBrowseStore} from "@/store/components/DataBrowseStore";
import DbTabPanel from "@/page/data-browse/component/DbTabPanel.vue";

const {tabs} = useDataBrowseStore();
</script>
<style lang="less">
.data-browse {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-medium);
  overflow: hidden;
}
</style>
